#root .ui.grid {
  margin-left: 0;
}

.App {
  min-width: 1280px;
}

.App-header {
  background-color: #282c34;
  color: white;
  border-radius: 0 !important;
}

.App-logo {
  height: 45px;
  padding: 7px;
}

.Logo-link {
  font-size: 18px;
}

.App-header .item {
  padding: 0 1.14285714em !important;
}

.menu-item {
  padding: 0 10px;
}

.new-program {
  font-size: 1.5rem;
  color: #a7a7a7;
  text-align: right;
}

.new-program a {
  color: #a7a7a7;
}

#sidebar {
  height: 93vh;
  overflow-y: auto;
  padding-right: 1rem;
}

#sidebar::-webkit-scrollbar {
    width: 4px;    
    height: 4px;
}

#sidebar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #e8e8e8;
}

#sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: #fbfbfb;
}

#token {
  padding-right: 1rem;
}

.authored {
  color: yellowgreen;
  padding: 0 10px;
}

.fetch-failed {
  padding: 50px 10px;
  color: #b3b3b3;
  font-style: italic;
}

.program-item {
  background-color: #f5f5f5;
  margin: 10px 0;
  border-radius: 7px;
  padding: 20px 10px !important;
}

.program-title {
  display: block;
  overflow-wrap: anywhere;
}

.program-des {
  display: block;
}

.program-list-title {
  text-transform: capitalize !important;
}

#program-main {
  padding-right: 1rem;
}

#program-main .ui.grid > .column:first-child {
  padding-left: 0;
}

.fetch-issues {
  padding: 50px 10px;
  color: #b3b3b3;
  font-style: italic;
}

.none-issues {
  color: #b3b3b3;
  font-style: italic;
}

